@import "../../_config.scss";

.dashboard-invoices-index{
  // background-color: $color-default;
  // padding: 15px;

  .notice {
    padding: 5px;
    color: $color-red;
  }
  .panel{
    box-shadow: none;

    .well{
      padding: 15px;
    }

    .tip-well{
      background-color: $color-new-bg;
      border-radius: 0;
      box-shadow: none;
      border: 0;
    }

    .column-well{
      background-color: $color-bg;
      border-radius: 0;
      box-shadow: none;
      border: 1px solid $color-border;
    }

    .item{
      border: 1px solid $color-border;
      margin-top: 15px;

      .col-xs-12:first-child{
        background-color: #F8FAFC;
        padding: 15px;
      }
      .column-col{
        padding-top: 15px;
        padding-bottom: 15px;

        display: flex;
        flex-flow: row nowrap;
        align-items: center;

        .product-img{
          width: 65px;
          height: 65px;
          margin-right: 10px;
        }

        .title-and-img{
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
        }

        .title{
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: block-axis;
          height: 36px;
        }
      }
    }
  }
}
